{extend name="public/base" /}
{block name="head"}
    <meta charset="UTF-8">
    <meta content='width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no' name='viewport'>
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
    <link href="/resource/ui-framework/easyui-1.5.2/themes/metro/easyui-c5a176a3d4.css" rel="stylesheet" />
    <link href="/resource/ui-framework/easyui-1.5.2/themes/icon-77a4ded0c8.css" rel="stylesheet" />

    <link href="/resource/ui-framework/bootstrap/3.0.3/css/bootstrap-a067b6d831.min.css" rel="stylesheet" />
    <link href="/resource/ui-framework/bootstrap-daterangepicker/css/daterangepicker-886dba62c4.css" rel="stylesheet" />
    <link href="/resource/ui-framework/font-awesome/css/font-awesome-a81d284b37.css" rel="stylesheet" />

    <link href="/resource/ui-framework/admin-lte/css/AdminLET-7d58b99a7e.css" rel="stylesheet" />
    <link href="/static/css/base-dc47892812.css" rel="stylesheet" />

    <link href="/resource/ui-framework/jason/searchbox/css/searchbox-398327fb84.css" rel="stylesheet" />
    <link href="/resource/ui-framework/jason/pager/css/pager-f077f5e880.css" rel="stylesheet" />
    <link href="/resource/ui-framework/jason/status/css/status-5f59ab3856.css" rel="stylesheet" />
    <link href="/resource/ui-framework/jason/selector/css/selector-23060c280e.css" rel="stylesheet" />
    <link href="/resource/ui-framework/jason/button/css/button-5ef10c798a.css" rel="stylesheet" />
    <link href="/resource/ui-framework/jason/orderarrow/css/orderarrow-dcf8eba7d1.css" rel="stylesheet" />

    <link href="/static/css/table-0e491bc98f.css" rel="stylesheet" />
    <link href="/static/css/easyui-ext-372f902530.css" rel="stylesheet" />
{/block}
{block name="content"}
    <section class="content">
    <div class="container" style="width: 100%">
        <div class="row">
            <div class="fl">
                <ul>
                    <li class="fl h31 ml10">手机：</li>
                    <li class="ml10 fl">
                        <span class="textbox" style="width: 173px;"><input type="text" class="textbox-text validatebox-text textbox-prompt" autocomplete="off" tabindex="" placeholder="" style="margin: 0px; padding-top: 0px; padding-bottom: 0px; height: 24px; line-height: 24px; width: 171px;" name="iphone" value="<?php if(isset($_GET['iphone'])){ echo $_GET['iphone']; } ?>"></span>
                    </li>
                    <li class="fl h31 ml10">旺旺号：</li>
                    <li class="ml10 fl">
                       <span class="textbox" style="width: 173px;"><input type="text" class="textbox-text validatebox-text textbox-prompt" autocomplete="off" tabindex="" placeholder="" style="margin: 0px; padding-top: 0px; padding-bottom: 0px; height: 24px; line-height: 24px; width: 171px;" name="taobao" value="<?php if(isset($_GET['taobao'])){ echo $_GET['taobao']; } ?>"></span>
                    </li>
                    <li class="fl h31 ml10">QQ：</li>
                    <li class="ml10 fl">
                        <span class="textbox" style="width: 173px;"><input type="text" class="textbox-text validatebox-text textbox-prompt" autocomplete="off" tabindex="" placeholder="" style="margin: 0px; padding-top: 0px; padding-bottom: 0px; height: 24px; line-height: 24px; width: 171px;" name="qq" value="<?php if(isset($_GET['qq'])){ echo $_GET['qq']; } ?>"></span>
                    </li>
                    <li class="fl h31 ml10">日起：</li>
                    <li class="fl">
                        <input type="text" class="form-control" id="dateRange" style="width: 200px">
                    </li>
                    <li class="ml10 fl">
                        <a href="javascript:void(0);" class="btn-action-100 fl" onclick="btnSearch()">查询</a>
                    </li>
                </ul>
            </div>
        </div>
        <div class="row">
            <table class="order mt10">
            <tbody><tr class="header">
                    <td>#</td>
                    <td>角色名</td>
                    <td>手机号</td>
                    <td>淘宝会员名</td>
                    <td>QQ</td>
                </tr>
            </tbody><tbody id="users">
            {volist name="user" id="vo"}
            <tr class="project">
                <td>{$vo.id}</td>
                <td>{$vo.role}</td>
                <td>{$vo.iphone}</td>
                <td>{$vo.taobao}</td>
                <td>{$vo.qq}</td>
            </tr>
            {/volist}
            </tbody>
                <tfoot>
                <tr class="footer">
                    <td colspan="6">
                        <div id="pager" style="float: right" class="page_ctrl">{$user->render()}</div>
                    </td>
                </tr>
                </tfoot>
            </table>
        </div>
    </div>
</section>
{/block}
{block name="script"}
<script src="/resource/libs/jquery/jquery.js"></script>
<script src="/static/js/layer/layer.js"></script>
<script src="/resource/libs/ajaxfileupload-20caa375ef.js"></script>
<script src="/resource/ui-framework/bootstrap/3.0.3/js/bootstrap-7b3098bda9.min.js"></script>
<script src="/resource/ui-framework/bootstrap-daterangepicker/js/moment-zh_cn-3d8809ccd6.js"></script>
<script src="/resource/ui-framework/bootstrap-daterangepicker/js/daterangepicker-bca1a72d19.js"></script>
<script src="/resource/ui-framework/admin-lte/app-bf15eda982.js"></script>

<script src="/resource/ui-framework/easyui-1.5.2/jquery-623c7c7acd.easyui.min.js"></script>
<script src="/resource/ui-framework/easyui/plugins/jquery-1db0d9c758.checkbox.js"></script>
<script src="/resource/ui-framework/jason/searchbox/searchbox-3fc48f72fe.js"></script>
<script src="/resource/ui-framework/jason/pager/pager-0646a093e8.js"></script>
<script src="/resource/ui-framework/jason/status/sky-2d329149af.tools.status.js"></script>
<script src="/resource/ui-framework/jason/screenshot-paste-0b91b6bd4a.js"></script>
<script src="/resource/ui-framework/jason/selector/selector-a0b18d2070.js"></script>
<script src="/resource/ui-framework/jason/button/button-71f76513c7.js"></script>
<script src="/resource/ui-framework/jason/orderarrow/orderarrow-1bbd8bcec2.js"></script>
<script src="/resource/libs/clipboard-892cfb62e7.min.js"></script>
<script src="/resource/libs/template-2d62718262.js"></script>
<script src="/resource/libs/jquery-d833fe9e58.cookie.js"></script>
<script src="/resource/libs/common-21f077db5b.js"></script>
<script src="/resource/libs/tools-4754a28493.js"></script>
<script src="/resource/libs/basePage-d30d50f2ce.js"></script>
<script type="text/javascript">
$().ready(function () {
    var url = $('#hdnURL').val();
    $('.sidebar .treeview').each(function (index, item) {
        var btn = $(this).children("a").first();
        var menu = $(this).children(".treeview-menu").first();
        $(this).find('a').each(function (index, item) {
            if ($(item).attr('href') == url) {
                menu.show();
                btn.children(".fa-angle-left").first().removeClass("fa-angle-left").addClass("fa-angle-down");
            }
        });
    });
});
var today = '<?php echo date("Y/m/d"); ?>,<?php echo date("Y/m/d",time()+24*3600); ?>';
var yesterday = '<?php echo date("Y/m/d",time()-24*3600); ?>,<?php echo date("Y/m/d"); ?>';
var sevenday = '<?php echo date("Y/m/d",time()-7*24*3600); ?>,<?php echo date("Y/m/d"); ?>';
var thirtyday = '<?php echo date("Y/m/d",time()-30*24*3600); ?>,<?php echo date("Y/m/d"); ?>';
var rangeCurrentMonth = '<?php echo date("Y/m/01"); ?>,<?php echo date("Y/m/d"); ?>';
$("#dateRange").daterangepicker(
    {
    showDropdowns:!0,
    timePicker:!0,
    timePicker24Hour:!0,
    timePickerIncrement:5,
    autoApply:!0,
    startDate:$("#startDate").val(),
    endDate:$("#endDate").val(),
    ranges:
    {
    "今天":today.split(","),
    "昨天":yesterday.split(","),
    "最近7天":sevenday.split(","),
    "最近30天":thirtyday.split(","),
    "本月":rangeCurrentMonth.split(",")
    },
    locale:
    {
    direction:"ltr",
    format:"YYYY/MM/DD HH:mm",
    separator:" - ",
    applyLabel:"确定",
    cancelLabel:"取消",
    fromLabel:"From",
    toLabel:"To",
    customRangeLabel:"自定义",
    daysOfWeek:["日","一","二","三","四","五","六"],
    monthNames:["一月","二月","三月","四月","五月","六月","七月","八月","九月","十月","十一月","十二月"],
    firstDay:1
    },
    linkedCalendars:!1,
    alwaysShowCalendars:!1,
    opens:"right"
    },function(e,t,i){
        
    });
var date = "<?php if(isset($_GET['date'])){ echo $_GET['date']; } ?>";
if(date){
    $("#dateRange").val(date);
}
function btnSearch(){
    var date = $("#dateRange").val();
    var iphone = $("input[name=iphone]").val();
    var taobao = $("input[name=taobao]").val();
    var qq = $("input[name=qq]").val();
    window.location.href = '/index/census/customer?date='+date+'&iphone='+iphone+'&taobao='+taobao+'&qq='+qq;
}
</script>
{/block}  